<template>
    <div>
    <header class="header">
      <h1>todos</h1>
      <input v-model.trim="taskMsg" @keydown.enter="add" class="new-todo" placeholder="请输入任务名称" autofocus />
    </header>
    </div>
</template>

<script>
export default {

    data() {
        return {
            taskMsg:''
        };
    },
    methods: {
        add(){
            if(this.taskMsg==="") return alert("任务名称不能为空!")
            this.$emit('addTask', this.taskMsg);
            this.taskMsg=''
        }
    },
};
</script>

<style >

</style>